doctype html
html
	head
		link(href="/dist/bootstrap-3.1.1-dist/css/bootstrap.css", rel="stylesheet", media="screen")
		link(href="/dist/bootstrap-3.1.1-dist/css/bootstrap-theme.min.css", rel="stylesheet", media="screen")
		link(href="/dist/bootstrap-switch/css/bootstrap3/bootstrap-switch.css" rel="stylesheet")
		link(rel='stylesheet', href='/stylesheets/style.css')
		meta(name="viewport" content="width=device-width, initial-scale=1.0")
	body
	.container.list
		.row
			.panel.panel-primary
				.panel-heading
					span.iconh3.panel-title 쪽지
				.panel-body
					#MessageTabs
						ul.nav.nav-tabs
							li.active
								a(href='#tabs-1') 받은 쪽지
							li
								a(href='#tabs-2') 보낸 쪽지
							li
								a(href='#tabs-3') 쪽지 쓰기
						#tabs-1
							.frame-wrap
								table.table
									colgroup
										col(style='width: 20%;')
										col(style='width: 50%')
										col(style='width: 30%;')
										thead
										tr
											th 보낸사람
											th 제목
											th 날짜
											tbody#tableBody(data-bind="foreach: FromList")
												tr
													td(data-bind="text: From")
													td.left-align
														span
															a(data-bind="click: function(data) {$root.onSelect($data)} ", href="#")
																span(data-bind="text: Content")
													td(data-bind="text: Date")
						#tabs-2
							.frame-wrap
						#tabs-3
							.frame-wrap
								table.table
									tr
										input.margin-top.form-control.input-sm(id='searchText', type='text', placeholder='제목')
									tr
										input.margin-top.form-control.input-sm(id='searchText', type='text', placeholder='받는 사람')
									tr
										.text-comment *받는사람(,)
									tr
										.margin-top
											.input-group
												span.input-group-addon 내용
												textarea#bodyContent.maxwidth-textarea.form-control(rows='20')




	script var userInfo = !{JSON.stringify(userInfo)};
	script(type='text/javascript', src='/dist/jquery/cdn/jquery-2.1.0.js')
	script(type='text/javascript', src='/dist/bootstrap-3.1.1-dist/js/bootstrap.js')
	script(type='text/javascript', src='/dist/bootstrap-switch/js/bootstrap-switch.js')
	script(type='text/javascript', src='/dist/knockout/knockout-latest.js')
	script(type='text/javascript', src='//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js')
	script(type='text/javascript', src='/dist/formatDateTime/jquery-dateFormat.js')
	script(type='text/javascript', src='/javascripts/common.js')
	script(type='text/javascript', src='/javascripts/message.js')
